.lTxt:before,.jCkbIco{background: url("../images/loSprite.png") no-repeat;}
body{background:#cfecfe;}
.loBg{position:fixed; left:0; top:0; z-index: -1; width:100%; height:100%; background:url("../images/lobgSub.png");}
.subBg{position:fixed; left:0; top:0; z-index: -1; width:100%; height:100%; background: url("../images/loBg.png") no-repeat center;}
.login{position:absolute; top:50%; left: 50%; margin: -280px 0 0 -418px; width: 835px;; }
.loTit{}
.loTit p{display: inline-block; vertical-align: top;}
.loTit img{vertical-align: top;}
.subLogo{padding-left: 25px;}
.loCt{padding: 25px 0 0;}
.loBox{margin-left: 462px; border:1px solid #d6e4ef; box-shadow: 0 0 3px rgba(0,0,0,0.1); background:#f4fbfe }
.lTit{padding:10px 25px; margin-bottom: 25px; margin-left: -1px; border-left: 1px solid #3390C3; font-size: 18px; color: #ffffff; line-height: 30px; background: url("../images/bgLoTit.png") repeat-x; }
.lForm{margin: 18px 25px 0;}
.lTxt{position:relative; padding:10px 46px; border:1px solid #cacaca; background: #ffffff;}
.lTxt:before{position: absolute; top:10px; left: 16px; content: '.'; width: 20px; height: 20px; background-position: 1px 1px; text-indent: -999em;}
.lTxtPut{width: 100%; height: 18px; font-size: 14px; color: #666666; border:none; background: #ffffff;}
.lTxtPsw:before{ background-position: -19px 1px;}
.jCheckbox{display: inline-block; font-size: 12px; color: #656565; cursor: pointer;}
.jCheckbox input{display: none;}
.jCkbIco{display: inline-block; width: 17px; height: 17px; vertical-align: top; background-position: -40px 0;}
.jCkbIco.active{background-position: -60px 0;}
.btnHelp{font-size: 12px; color: #2e9dd7; margin-left: 15px;}
.lBtnBox{margin:20px 25px 30px;}
.lBtn{display:block; width:100%; height: 40px; font-size: 20px; line-height: 40px; text-align: center; color: #ffffff; background: #7fb756;}
.lBtn:hover{text-decoration: none; background: #6bab3c;}
.loFoot{padding:10px 5px 10px 0; text-align: center; font-size: 12px; color: #7f7f7f; border-top:1px solid #c3d9e8;}
.loTips{padding:26px 0 15px; font-size: 12px; line-height: 22px; color: #7f7f7f;}
.loTips p.loTipsTit{font-weight: bold;}

@media (max-width: 800px) {
    .loAd{display: none;}
    .loTit p.subLogo{display: block; margin-top: -30px;}
    .login{position: inherit; left: auto; top:auto; margin:20px; width: auto;}
    .loTit{text-align: center;}
    .loTit .logo{width: 100%;}
    .loTit img{max-width: 90%;}
    .loBox,.loFoot{margin: 0 auto; max-width: 370px; min-width: 260px;}
}